<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {
    //调试获取用户菜单
    // this.$store.dispatch("FETCH_MENULIST");
  }
};
</script>
<style>
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
  margin: 0;
  padding: 0;
}

fieldset,
c {
  border: none;
}

img {
  display: block;
}

address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ul,
ol,
li {
  list-style: none;
}

body {
  color: #333;
  font: 12px Arial, "Microsoft Yahei", sans-serif;
  background: #fff;
}

a {
  color: #fff;
  text-decoration: none;
}

/*清除浮动*/
.clear {
  clear: both;
}

* {
  box-sizing: border-box;
}

.border-1px::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  pointer-events: none;
}

body,
html,
#app {
  height: 100%;
  background: #f5f5f5;
}

@media (min-width: 240px) {
  html {
    font-size: 32px;
  }
}

@media (min-width: 320px) {
  html {
    font-size: 42.66667px;
  }
}

@media (min-width: 360px) {
  html {
    font-size: 48px;
  }
}

@media (min-width: 375px) {
  html {
    font-size: 50px;
  }
}

@media (min-width: 384px) {
  html {
    font-size: 51.2px;
  }
}

@media (min-width: 411px) {
  html {
    font-size: 54.8px;
  }
}

@media (min-width: 414px) {
  html {
    font-size: 55.2px;
  }
}

@media (min-width: 424px) {
  html {
    font-size: 56.53333px;
  }
}

@media (min-width: 480px) {
  html {
    font-size: 64px;
  }
}

@media (min-width: 540px) {
  html {
    font-size: 72px;
  }
}

@media (min-width: 640px) {
  html {
    font-size: 85.33333px;
  }
}

@media (min-width: 720px) {
  html {
    font-size: 96px;
  }
}

@media (min-width: 750px) {
  html {
    font-size: 100px;
  }
}

@media (min-width: 768px) {
  html {
    font-size: 102.4px;
  }
}

@media (min-width: 800px) {
  html {
    font-size: 106.66667px;
  }
}

@media (min-width: 980px) {
  html {
    font-size: 130.66667px;
  }
}

@media (min-width: 1024px) {
  html {
    font-size: 136.53333px;
  }
}

@media (min-width: 1080px) {
  html {
    font-size: 144px;
  }
}

@media (min-width: 1152px) {
  html {
    font-size: 153.6px;
  }
}

@media (min-width: 1366px) {
  html {
    font-size: 182.13333px;
  }
}

@media (min-width: 1440px) {
  html {
    font-size: 192px;
  }
}

@media (min-width: 2160px) {
  html {
    font-size: 288px;
  }
}
</style>
